/*
* 本文件是公共less变量，注意，如果是less写法，则不能直接在页面中引用，只能作为编译使用
* 注意：所有vue文件基本上都会有引入，如果写法不是less的话，直接写普通样式，会重复在页面中插入样式
*/


//颜色
@c-gold :#9e842d;
@c-red:#ab2a2b;
@yellow:#fed12e; //主黄
@purple:#4e2ea9; //主紫
@purple-light:#a987ff; //淡紫

/************************************样式************************************/
//flex
.flex-aic(){display: flex;align-items: center;}
.flex-jcc(){display:flex;align-items: center;justify-content: center;}
.flex-jcfs(){display:flex;align-items: center;justify-content: flex-start;}
.flex-jcfe(){display:flex;align-items: center;justify-content: flex-end;}
.flex-jcsb(){display:flex;align-items: center;justify-content: space-between;}
.flex-jcsa(){display:flex;align-items: center;justify-content: space-around;}
.vbyzc-shit(){color:RED}

//圆角
.radius(@p:2px){border-radius: @p;}


//居中定位
.abs-center(){position: absolute;left:50%;top: 50%;transform: translate(-50%,-50%);}
.abs-center-x(){position: absolute;left:50%;transform: translateX(-50%);}
.abs-center-y(){position: absolute;top: 50%;transform: translateY(-50%);}
